<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>문서함샘플</title>
<link type="text/css" rel="stylesheet" href="css/new.css" />
<!--
<style type="text/css">
body {
	margin-top: 0;
	margin-left: 4px;
	margin-bottom: 0px;
	margin-right: 6px;
	padding: 0;
}
</style>
-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/contact_list.js"></script>
<script type="text/javascript">
var remove_duplication_add = '중복된 항목을 제거한 후 추가되었습니다.';
var not_added = '추가되지 않았습니다.';
var not_deleted = '삭제되지 않았습니다.';
var not_select = '선택된 항목이 없습니다.';
var not_change = '변경되지 않았습니다.';
var not_shared = '공유되지 않았습니다.';
var has_corrected = '수정되었습니다.';
var has_deleted = '삭제되었습니다.';
var has_added_group = '선택한 그룹에 추가되었습니다.';
var has_shared = '공유되었습니다.';
var send_indiv_mail = '수신자 100명 이상인 경우, 개별발송됩니다.';
var enter_number = '숫자만 입력 가능합니다.';
</script>
</head>
<body>
<input type="hidden" name="owner_id" id="owner_id" value="001002806" />
<input type="hidden" name="filter_type" id="filter_type" value="" />
<input type="hidden" name="filter_term" id="filter_term" value="" />
<input type="hidden" name="filter_title" id="filter_title" value="" />
<input type="hidden" name="selected_page" id="selected_page" value="" />
<div class="content_box">
	<div id="content">
		<div class="title_area">
			<h2 class="title"><span title="">완료함 (50)</span></h2>
		</div>
		<!-- 검색_상세검색숨김-->
		<div class="usual_box">
			<div class="srch_area">
				<fieldset class="search">
					<div style="display:none;" id="detailSearchInit"><a href="#a" onclick="javascript:fncInit()" class="srch_refresh" title="초기화"></a></div>
					<div style="display:;"><a href="#a" onclick="javascript:fncSearch()" class="srch_btn" title="검색">검색</a></div>
					<div style="display:;" id="detailSch1"><a href="#a" onclick="javascript:fncSearchDetail('2');" class="srch_btn" title="상세검색">상세검색</a></div>
					<div style="display:none;" id="detailSch2"><a href="#a" onclick="javascript:fncSearchDetail('3');" class="srch_btn" title="상세닫기">상세닫기</a></div>
				</fieldset>
			</div>
			<!--  detailSearch1 Start -->
			<div class="srch_detail_top" id="detailSearch1" style="display:;">
				<table summary="문서등록대장조회" class="limpid_table">
				<col width="70px">
				<col>
				<col width="70px">
				<col width="41%">
				<tbody>
				<tr>
					<th><label for="basicSj">제목</label></th>
					<td><input id="basicSj" name="basicSj" class="inp_txt22" type="text" value="" size="20" maxlength="100" style="width:92%"/></td>
					<th><label for="basicReportDe">등록일자</label></th>
					<td><!-- 기간지정 -->
						
						<div class="period">
							<input id="basicReportDe" name="basicReportDe" class="inp_txt22 [{dateFrom:'basicReportDe3'}]" title="날짜시작" type="text" value="" size="10"/>
							<a href="#a" onclick="dui.Calendar.open('basicReportDe','basicReportDe3','from')"><img src="images/calendar.gif" alt="달력" /></a><span>~</span>
							<input id="basicReportDe3" name="basicReportDe3" class="inp_txt22 [{dateTo:'basicReportDe'}]" title="날짜끝" type="text" value="" size="10"/>
							<a href="#a" onclick="dui.Calendar.open('basicReportDe3','basicReportDe','to')"><img src="images/calendar.gif" alt="달력" /></a></div>
						
						<!-- //기간지정 --></td>
				</tr>
				</tbody>
				</table>
			</div>
			<!--  detailSearch1 End -->
			<div id="detailSearch2" style="display: none;"> 
				<!--LblockDetail Start-->
				<div class="srch_detail_top">
					<table summary="완료함상세조회" class="limpid_table">
					<col width="70px">
					<col>
					<col width="70px">
					<col width="41%">
					<tbody>
					<tr>
						<th><label for="sj">제목</label></th>
						<td><input id="sj" name="sj" class="inp_txt22" type="text" value="" size="20" maxlength="100" style="width:92%"/></td>
						<th><label for="reportDe">등록일자</label></th>
						<td><!-- 기간지정 -->
							
							<div class="period">
								<input id="reportDe" name="reportDe" class="inp_txt22 [{dateFrom:'reportDe3'}]" title="날짜시작" type="text" value="" size="10"/>
								<a href="#a" onclick="dui.Calendar.open('reportDe','reportDe3','from')"><img src="images/calendar.gif" alt="달력" /></a><span>~</span>
								<input id="reportDe3" name="reportDe3" class="inp_txt22 [{dateTo:'reportDe'}]" title="날짜끝" type="text" value="" size="10"/>
								<a href="#a" onclick="dui.Calendar.open('reportDe3','reportDe','to')"><img src="images/calendar.gif" alt="달력" /></a></div>
							
							<!-- //기간지정 --></td>
					</tr>
					</tbody>
					</table>
				</div>
				<div class="usual_box_line" style="display:"></div>
				<table summary="완료함상세조회" class="limpid_table" style="display:">
				<col width="100px">
				<col>
				<col width="100px">
				<col>
				<tbody>
				<tr style="display: none">
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntPopInit('draftDeptId');">소속부서</a></span></th>
					<td colspan="3"><input id="deptNm" name="deptNm" class="inp_txt22 readonly mr_10" type="text" value=""/>
						<span class="inp_raochk">
						<input id="includeSubDept" name="includeSubDept" class="Lcheckbox" onclick="fncCheckDept(this)" type="checkbox" value="Y"/>
						<label for="includeSubDept">하위부서포함</label>
						<input type="hidden" name="_includeSubDept" value="on"/>
						</span></td>
				</tr>
				<tr>
					<th><label for="docNo">문서번호</label></th>
					<td><input id="docNo" name="docNo" class="inp_txt22" type="text" value="" size="30" maxlength="20" style="width:92%"/></td>
					<th><label for="coMan">수(발)신자</label></th>
					<td><input id="coMan" name="coMan" class="inp_txt22" type="text" value="" size="30" style="width:92%"/></td>
				</tr>
				<tr>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntPopInit('sndInsttID')">기안부서길어지면</a></span></th>
					<td width="30%"><input id="rceptSndInstt" name="rceptSndInstt" class="inp_txt22" title="기안부서" type="text" value="" size="30" style="width:92%"/></td>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntUserPopInit('reportr');">기안자</a></span></th>
					<td><input id="reportr" name="reportr" class="inp_txt22 mr_10" title="기안자" type="text" value="" />
						<span class="inp_raochk">
						<input id="partdtypeCharger" name="partdtypeCharger" class="Lcheckbox" onclick="fncChargerSearch('reportr')" type="checkbox" value="charger"/>
						<label for="partdtypeCharger">업무담당자</label>
						<input type="hidden" name="_partdtypeCharger" value="on"/>
						</span></td>
				</tr>
				<tr>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntUserPopInit('')">결재경로</a></span></th>
					<td><input id="reportCours" name="reportCours" class="inp_txt22 readonly" title="결재경로" type="text" value="" size="30" style="width:92%"/></td>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntUserPopInit('orgReportr')">원기안자</a></span></th>
					<td><input id="orgReportr" name="orgReportr" class="inp_txt22" title="원기안자" type="text" value="" size="30" style="width:92%"/></td>
				</tr>
				<tr style="display:none;">
					<th><label for="othbcAt">공개여부(시민)</label></th>
					<td><select id="othbcAt" name="othbcAt" class="select">
							<option value="" selected="selected">전체</option>
							<option value="1">대시민공개</option>
							<option value="2">부분공개</option>
							<option value="3">비공개</option>
						</select></td>
				</tr>
				<tr>
					<th><label for="prdctnTy0">결재유형</label></th>
					<td><span class="inp_raochk">
						<input id="prdctnTy0" name="sanctnDocTy" class="Lradio" type="radio" value="" checked="checked"/>
						<label for="prdctnTy0">전체</label>
						</span> <span class="inp_raochk">
						<input id="prdctnTy1" name="sanctnDocTy" class="Lradio" type="radio" value="1,2"/>
						<label for="prdctnTy1">생산</label>
						</span> <span class="inp_raochk">
						<input id="prdctnTy2" name="sanctnDocTy" class="Lradio" type="radio" value="3"/>
						<label for="prdctnTy2">접수</label>
						</span></td>
					<th><label for="docKnd">문서종류 </label></th>
					<td><select id="docKnd" name="docKnd" class="select">
							<option value="" selected="selected">전체</option>
							<option value="1">전자</option>
							<option value="0">비전자</option>
						</select></td>
				</tr>
				<tr>
					<th><label for="extrnl">시행종류</label></th>
					<!-- <td><input type="checkbox" class="Lcheckbox" id="dmst" name="opertnSe" value="" /> <label for="dmst">대내</label><input type="checkbox" class="Lcheckbox" id="extrnl" name="opertnSe" value="" /> <label for="extrnl">대외</label></td> -->
					<td><span class="inp_raochk">
						<input id="extrnl" name="opertnSe" class="Lcheckbox" type="checkbox" value="extrnl"/>
						<label for="extrnl">대외시행</label>
						<input type="hidden" name="_opertnSe" value="on"/>
						</span><span class="inp_raochk">
						<input id="dmst" name="opertnSe" class="Lcheckbox" type="checkbox" value="dmst"/>
						<label for="dmst">대내시행</label>
						<input type="hidden" name="_opertnSe" value="on"/>
						</span><span class="inp_raochk">
						<input id="dept" name="opertnSe" class="Lcheckbox" type="checkbox" value="dept"/>
						<label for="dept">내부결재</label>
						<input type="hidden" name="_opertnSe" value="on"/>
						</span></td>
					<th><label for="readngLmtt">열람제한(보안)</label></th>
					<td><span class="inp_raochk">
						<input id="readngLmtt" name="readngLmtt" class="Lcheckbox" type="checkbox" value="lmtt"/>
						<label for="readngLmtt">열람제한여부</label>
						<input type="hidden" name="_readngLmtt" value="on"/>
						</span></td>
				</tr>
				<tr>
					<th><label for="end">처리현황</label></th>
					<td colspan="3"><span class="inp_raochk">
						<input id="end" name="afterSttus" class="Lcheckbox" type="checkbox" value="end"/>
						<label for="end">종료</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span><span class="inp_raochk">
						<input id="sndng" name="afterSttus" class="Lcheckbox" type="checkbox" value="sndng"/>
						<label for="sndng">발송</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span><span class="inp_raochk">
						<input id="rcept" name="afterSttus" class="Lcheckbox" type="checkbox" value="rcept"/>
						<label for="rcept">접수</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span><span class="inp_raochk">
						<input id="rceptIng" name="afterSttus" class="Lcheckbox" type="checkbox" value="rceptIng"/>
						<label for="rceptIng">진행</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span> 
						<!-- promise ID : 107103-1, 2012.05.24 by KHW --></td>
				</tr>
				</tbody>
				</table>
				<input type="hidden" name="reportCoursID" id="reportCoursID" value="" />
				<input type="hidden" name="draftDeptId" id="draftDeptId"  value="" />
				<input type="hidden" name="orgReportrID" id="orgReportrID" value="" />
				<input type="hidden" name="reportrID" id="reportrID" value="" />
				<input type="hidden" name="coManID" id="coManID" value="" />
				<input type="hidden" name="sndInsttID" id="sndInsttID" value="" />
				<input id="reportrDeptID" name="reportrDeptID" type="hidden" value=""/>
				<input id="orgReportrDeptID" name="orgReportrDeptID" type="hidden" value=""/>
				<input id="reportCoursDeptID" name="reportCoursDeptID" type="hidden" value=""/>
				<!--//LblockDetail End--> 
			</div>
		</div>
		<!-- //검색_상세검색숨김 --> 
		<!-- 검색_상세검색펼침 -->
		<div class="usual_box">
			<div class="srch_area">
				<fieldset class="search">
					<div style="display:;" id="detailSearchInit"><a href="#a" onclick="javascript:fncInit()" class="srch_refresh" title="초기화"></a></div>
					<div style="display:;"><a href="#a" onclick="javascript:fncSearch()" class="srch_btn" title="검색">검색</a></div>
					<div style="display:none;" id="detailSch1"><a href="#a" onclick="javascript:fncSearchDetail('2');" class="srch_btn" title="상세검색">상세검색</a></div>
					<div style="display:;" id="detailSch2"><a href="#a" onclick="javascript:fncSearchDetail('3');" class="srch_btn" title="상세닫기">상세닫기</a></div>
				</fieldset>
			</div>
			<!--  detailSearch1 Start -->
			<div class="srch_detail_top" id="detailSearch1" style="display:none;">
				<table summary="문서등록대장조회" class="limpid_table">
				<col width="70px">
				<col>
				<col width="70px">
				<col width="41%">
				<tbody>
				<tr>
					<th><label for="basicSj">제목</label></th>
					<td><input id="basicSj" name="basicSj" class="inp_txt22" type="text" value="" size="20" maxlength="100" style="width:92%"/></td>
					<th><label for="basicReportDe">등록일자</label></th>
					<td><!-- 기간지정 -->
						
						<div class="period">
							<input id="basicReportDe" name="basicReportDe" class="inp_txt22 [{dateFrom:'basicReportDe3'}]" title="날짜시작" type="text" value="" size="10"/>
							<a href="#a" onclick="dui.Calendar.open('basicReportDe','basicReportDe3','from')"><img src="images/calendar.gif" alt="달력" /></a><span>~</span>
							<input id="basicReportDe3" name="basicReportDe3" class="inp_txt22 [{dateTo:'basicReportDe'}]" title="날짜끝" type="text" value="" size="10"/>
							<a href="#a" onclick="dui.Calendar.open('basicReportDe3','basicReportDe','to')"><img src="images/calendar.gif" alt="달력" /></a></div>
						
						<!-- //기간지정 --></td>
				</tr>
				</tbody>
				</table>
			</div>
			<!--  detailSearch1 End -->
			<div id="detailSearch2" style="display:;"> 
				<!--LblockDetail Start-->
				<div class="srch_detail_top">
					<table summary="완료함상세조회" class="limpid_table">
					<col width="70px">
					<col>
					<col width="70px">
					<col width="41%">
					<tbody>
					<tr>
						<th><label for="sj">제목</label></th>
						<td><input id="sj" name="sj" class="inp_txt22" type="text" value="" size="20" maxlength="100" style="width:92%"/></td>
						<th><label for="reportDe">등록일자</label></th>
						<td><!-- 기간지정 -->
							
							<div class="period">
								<input id="reportDe" name="reportDe" class="inp_txt22 [{dateFrom:'reportDe3'}]" title="날짜시작" type="text" value="" size="10"/>
								<a href="#a" onclick="dui.Calendar.open('reportDe','reportDe3','from')"><img src="images/calendar.gif" alt="달력" /></a><span>~</span>
								<input id="reportDe3" name="reportDe3" class="inp_txt22 [{dateTo:'reportDe'}]" title="날짜끝" type="text" value="" size="10"/>
								<a href="#a" onclick="dui.Calendar.open('reportDe3','reportDe','to')"><img src="images/calendar.gif" alt="달력" /></a></div>
							
							<!-- //기간지정 --></td>
					</tr>
					</tbody>
					</table>
				</div>
				<div class="usual_box_line"></div>
				<table summary="완료함상세조회" class="limpid_table">
				<col width="100px">
				<col>
				<col width="100px">
				<col>
				<tbody>
				<tr style="display:none">
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntPopInit('draftDeptId');">소속부서</a></span></th>
					<td colspan="3"><input id="deptNm" name="deptNm" class="inp_txt22 readonly mr_10" type="text" value=""/>
						<span class="inp_raochk">
						<input id="includeSubDept" name="includeSubDept" class="Lcheckbox" onclick="fncCheckDept(this)" type="checkbox" value="Y"/>
						<label for="includeSubDept">하위부서포함</label>
						<input type="hidden" name="_includeSubDept" value="on"/>
						</span></td>
				</tr>
				<tr>
					<th><label for="docNo">문서번호</label></th>
					<td><input id="docNo" name="docNo" class="inp_txt22" type="text" value="" size="30" maxlength="20" style="width:92%"/></td>
					<th><label for="coMan">수(발)신자</label></th>
					<td><input id="coMan" name="coMan" class="inp_txt22" type="text" value="" size="30" style="width:92%"/></td>
				</tr>
				<tr>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntPopInit('sndInsttID')">기안부서길어지면</a></span></th>
					<td width="30%"><input id="rceptSndInstt" name="rceptSndInstt" class="inp_txt22" title="기안부서" type="text" value="" size="30" style="width:92%"/></td>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntUserPopInit('reportr');">기안자</a></span></th>
					<td><input id="reportr" name="reportr" class="inp_txt22 mr_10" title="기안자" type="text" value="" />
						<span class="inp_raochk">
						<input id="partdtypeCharger" name="partdtypeCharger" class="Lcheckbox" onclick="fncChargerSearch('reportr')" type="checkbox" value="charger"/>
						<label for="partdtypeCharger">업무담당자</label>
						<input type="hidden" name="_partdtypeCharger" value="on"/>
						</span></td>
				</tr>
				<tr>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntUserPopInit('')">결재경로</a></span></th>
					<td><input id="reportCours" name="reportCours" class="inp_txt22 readonly" title="결재경로" type="text" value="" size="30" style="width:92%"/></td>
					<th class="btn_opt"><span><a href="#" onclick="javascript:fncSearchOrgzntUserPopInit('orgReportr')">원기안자</a></span></th>
					<td><input id="orgReportr" name="orgReportr" class="inp_txt22" title="원기안자" type="text" value="" size="30" style="width:92%"/></td>
				</tr>
				<tr style="display:none;">
					<th><label for="othbcAt">공개여부(시민)</label></th>
					<td><select id="othbcAt" name="othbcAt" class="select">
							<option value="" selected="selected">전체</option>
							<option value="1">대시민공개</option>
							<option value="2">부분공개</option>
							<option value="3">비공개</option>
						</select></td>
				</tr>
				<tr>
					<th><label for="prdctnTy0">결재유형</label></th>
					<td><span class="inp_raochk">
						<input id="prdctnTy0" name="sanctnDocTy" class="Lradio" type="radio" value="" checked="checked"/>
						<label for="prdctnTy0">전체</label>
						</span> <span class="inp_raochk">
						<input id="prdctnTy1" name="sanctnDocTy" class="Lradio" type="radio" value="1,2"/>
						<label for="prdctnTy1">생산</label>
						</span> <span class="inp_raochk">
						<input id="prdctnTy2" name="sanctnDocTy" class="Lradio" type="radio" value="3"/>
						<label for="prdctnTy2">접수</label>
						</span></td>
					<th><label for="docKnd">문서종류 </label></th>
					<td><select id="docKnd" name="docKnd" class="select">
							<option value="" selected="selected">전체</option>
							<option value="1">전자</option>
							<option value="0">비전자</option>
						</select></td>
				</tr>
				<tr>
					<th><label for="extrnl">시행종류</label></th>
					<!-- <td><input type="checkbox" class="Lcheckbox" id="dmst" name="opertnSe" value="" /> <label for="dmst">대내</label><input type="checkbox" class="Lcheckbox" id="extrnl" name="opertnSe" value="" /> <label for="extrnl">대외</label></td> -->
					<td><span class="inp_raochk">
						<input id="extrnl" name="opertnSe" class="Lcheckbox" type="checkbox" value="extrnl"/>
						<label for="extrnl">대외시행</label>
						<input type="hidden" name="_opertnSe" value="on"/>
						</span><span class="inp_raochk">
						<input id="dmst" name="opertnSe" class="Lcheckbox" type="checkbox" value="dmst"/>
						<label for="dmst">대내시행</label>
						<input type="hidden" name="_opertnSe" value="on"/>
						</span><span class="inp_raochk">
						<input id="dept" name="opertnSe" class="Lcheckbox" type="checkbox" value="dept"/>
						<label for="dept">내부결재</label>
						<input type="hidden" name="_opertnSe" value="on"/>
						</span></td>
					<th><label for="readngLmtt">열람제한(보안)</label></th>
					<td><span class="inp_raochk">
						<input id="readngLmtt" name="readngLmtt" class="Lcheckbox" type="checkbox" value="lmtt"/>
						<label for="readngLmtt">열람제한여부</label>
						<input type="hidden" name="_readngLmtt" value="on"/>
						</span></td>
				</tr>
				<tr>
					<th><label for="end">처리현황</label></th>
					<td colspan="3"><span class="inp_raochk">
						<input id="end" name="afterSttus" class="Lcheckbox" type="checkbox" value="end"/>
						<label for="end">종료</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span><span class="inp_raochk">
						<input id="sndng" name="afterSttus" class="Lcheckbox" type="checkbox" value="sndng"/>
						<label for="sndng">발송</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span><span class="inp_raochk">
						<input id="rcept" name="afterSttus" class="Lcheckbox" type="checkbox" value="rcept"/>
						<label for="rcept">접수</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span><span class="inp_raochk">
						<input id="rceptIng" name="afterSttus" class="Lcheckbox" type="checkbox" value="rceptIng"/>
						<label for="rceptIng">진행</label>
						<input type="hidden" name="_afterSttus" value="on"/>
						</span> 
						<!-- promise ID : 107103-1, 2012.05.24 by KHW --></td>
				</tr>
				</tbody>
				</table>
				<input type="hidden" name="reportCoursID" id="reportCoursID" value="" />
				<input type="hidden" name="draftDeptId" id="draftDeptId"  value="" />
				<input type="hidden" name="orgReportrID" id="orgReportrID" value="" />
				<input type="hidden" name="reportrID" id="reportrID" value="" />
				<input type="hidden" name="coManID" id="coManID" value="" />
				<input type="hidden" name="sndInsttID" id="sndInsttID" value="" />
				<input id="reportrDeptID" name="reportrDeptID" type="hidden" value=""/>
				<input id="orgReportrDeptID" name="orgReportrDeptID" type="hidden" value=""/>
				<input id="reportCoursDeptID" name="reportCoursDeptID" type="hidden" value=""/>
				<!--//LblockDetail End--> 
			</div>
		</div>
		<!-- //검색_상세검색펼침 --> 
	</div>
	<!-- 버튼영역 -->
	<div class="btn_area">
		<ul class="btns">
		<li><span><a href="#">문서정보</a></span></li>
		<li><span><a href="#">첨부기안</a></span></li>
		<li><span><a href="#">공람</a></span></li>
		<li class="group"><a href="#" class="btn_lft">편철</a></li>
		<li><a href="#" class="btn_rgt">편철취소</a></li>
		<li><span><a href="#">더보기<span class="arr_unfd"></span></a></span></li>
		</ul>
		<div class="section_r">
			<ul class="lst_option">
			<li>
				<select name="list_per_page" id="list_per_page" onchange="per_page()">
					<option value="15" selected>15adfadf</option>
					<option value="20">20</option>
					<option value="30">30</option>
					<option value="40">40</option>
					<option value="50">50</option>
				</select>
			</li>
			<li>
				<select name="list_per_page" id="list_per_page" onchange="per_page()">
					<option value="15" selected>15</option>
					<option value="20">20</option>
					<option value="30">30</option>
					<option value="40">40</option>
					<option value="50">50</option>
				</select>
			</li>
			</ul>
			<ul class="btn_icons">
			<li class="btn_divider"></li>
			<li><a onfocus="blur();" href="javascript:prev()" title="이전페이지" class="btn_lft"><img src="images/btn_before.gif" alt="이전페이지"></a></li>
			<li class="group"><a onfocus="blur();" href="javascript:next()" title="다음페이지" class="btn_rgt"><img src="images/btn_next.gif" alt="다음페이지"></a></li>
			<li class="btn_divider"></li>
			<li><a onfocus="blur();" href="javascript:excel()" title="EXCEL보기"><img src="images/btn_excel.gif" alt="EXCEL보기"></a></li>
			<li><a onfocus="blur();" href="javascript:reload()" title="새로고침"><img src="images/btn_reload.gif" alt="새로고침"></a></li>
			</ul>
		</div>
	</div>
	<!-- //버튼영역 --> 
	<!-- 주소록 리스트 --> 
	<!-- 버튼라인이 없는 단독 테이블 class="content_lst no_btn" -->
	<table border="0" cellspacing="0" cellpadding="0" class="content_lst">
	<col width="30px">
	<col width="100px">
	<col width="">
	<col width="13%">
	<col width="15%">
	<col width="13%">
	<col width="40px">
	<col width="50px">
	<tr>
		<th scope="col" class="input_chk"> <input type="checkbox" name="" class="inchk"></th>
		<th scope="col" class="cen"> <!-- 오름차순ascendent / 내림차순descend --> 
			<a href="#" class="descend">이름</a> </th>
		<th scope="col" class="cen">이메일</th>
		<th scope="col" class="cen">휴대전화번호</th>
		<th scope="col" class="cen">회사명</th>
		<th scope="col" class="cen">회사전화번호</th>
		<th scope="col" class="cen">메모</th>
		<th scope="col" class="cen"> <a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a> </th>
	</tr>
	<tbody>
	<tr>
		<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
		<td>최희선</td>
		<td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
		<td>010-1234-5678</td>
		<td><a href="#" title="회사정보">핸디소프트</a></td>
		<td>070-4483-9000</td>
		<td class="cen"><img src="images/ico_memo.gif" alt="메모" width="11" height="12"></td>
		<td class="cen"><a href="#"><img src="images/btn_share_on.gif" width="34" height="14"></a></td>
	</tr>
	<tr class="picked_lst">
		<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
		<td>최희선</td>
		<td>선택된 리스트</td>
		<td>010-1234-5678</td>
		<td><a href="#" title="회사정보">핸디소프트</a></td>
		<td>070-4483-9000</td>
		<td class="cen"></td>
		<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
	</tr>
	<tr>
		<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
		<td>최희선</td>
		<td><a href="#">내용이 길 경우엔 자동으로 말줄임 표시가 되야 되겠죠? 영어나 숫자가 붙어나와도 오류없이 말줄임이 되야 정상입니다. 줄바꿈은 시르다.</a></td>
		<td>010-1234-5678</td>
		<td><a href="#" title="회사정보">핸디소프트</a></td>
		<td>070-4483-9000</td>
		<td class="cen"></td>
		<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
	</tr>
	<tr>
		<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
		<td>최희선최희선최희선최희선최희선</td>
		<td><a href="#" title="편지쓰기" class="email">bizasasdfasdfasdfasdfasdfdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
		<td>010-1234-adfdfdfs5678</td>
		<td><a href="#" title="회사정보">핸디소프트</a></td>
		<td>070-4483-9000asfasdf</td>
		<td class="cen"><img src="images/ico_memo.gif" alt="메모" width="11" height="12"></td>
		<td class="cen"><a href="#"><img src="images/btn_share_on.gif" width="34" height="14"></a></td>
	</tr>
	<tr>
		<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
		<td><a href="#">최희선dadfadff최희선</a></td>
		<td>00000000000000000000000000000000000000000000000000000000000000000</td>
		<td>010-1234-5678</td>
		<td><a href="#" title="회사정보">핸디소프트</a></td>
		<td><a href="#">070-4483-9000asfasdf</a></td>
		<td class="cen"></td>
		<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
	</tr>
	<tr>
		<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
		<td>최희선</td>
		<td><a href="#">00000000000000000000000000000000000000000000000000000000000000000</a></td>
		<td>010-1234-5678</td>
		<td><a href="#" title="회사정보">00000000000000000000000000000000000000000000000000000000000000000</a></td>
		<td>070-4483-9000</td>
		<td class="cen"></td>
		<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
	</tr>
	<tr>
		<td class="input_chk"></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td class="cen"></td>
		<td class="cen"></td>
	</tr>
	<tr>
		<td class="input_chk"></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td class="cen"></td>
		<td class="cen"></td>
	</tr>
	<tr>
		<td class="input_chk"></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td class="cen"></td>
		<td class="cen"></td>
	</tr>
	<tr>
		<td class="input_chk"></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td class="cen"></td>
		<td class="cen"></td>
	</tr>
	<tr>
		<td class="input_chk"></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td class="cen"></td>
		<td class="cen"></td>
	</tr>
	<tr>
		<td class="input_chk"></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td class="cen"></td>
		<td class="cen"></td>
	</tr>
	<tr>
		<td class="input_chk"></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td class="cen"></td>
		<td class="cen"></td>
	</tr>
	</tbody>
	</table>
	<!-- //주소록 리스트 -->
	<div class="paginate_area"> 
		<!-- 페이지네이션 -->
		<div class="Paginate"><span class="num txt">처음</span><span href="#" class="css_arr"><span class="arr_l"></span></span><span class="num now">1</span><a href="javascript:;" onclick="go_page(2)" onfocus="blur();"> <span class="num">2</span></a><a href="javascript:;" onclick="go_page(3)" onfocus="blur();"> <span class="num">3</span></a><a href="javascript:;" onclick="go_page(4)" onfocus="blur();"> <span class="num">4</span></a><a href="javascript:;" onclick="go_page(5)" onfocus="blur();"> <span class="num">5</span></a><a href="javascript:;" onclick="go_page(6)" onfocus="blur();"> <span class="num">6</span></a><a href="#" class="css_arr"><span class="arr_r"></span></a><a href="#"><span class="num txt">마지막</span></a>
			<input id="target_page" name="target_page" class="inp_txt" maxlength="3" value="1" onkeypress="if(event.keyCode == 13){go_page(this.value);}">
			<span class="page_all">/ 6</span><a href="#" hidefocu="" onfocus="blur();" onclick="go_page($('target_page').value)"><span class="num"  id="gotopage">이동</span></a></div>
		<!-- //페이지네이션 --> 
	</div>
	<!-- 리스트 정보창 -->
	<div class="report_area">
		<div class="report_box"> <a href="#" class="btn_clse"></a> 
			<!-- Tab Menu -->
			<div class="tab_area">
				<ul class="tab_menu">
				<li class="selected"><a href="#">탭 and 버튼존</a></li>
				<li><a href="#">결제경로</a></li>
				<li><a href="#">문서정보</a></li>
				</ul>
			</div>
			<!-- //Tab Menu --> 
			<!-- 버튼영역 -->
			<div class="btn_area with_tab">
				<ul class="btns">
				<li><span><a href="#">새주소</a></span></li>
				<li><span><a href="#">그룹관리</a></span></li>
				<li><span><a href="#">삭제</a></span></li>
				<li><span><a href="#">편지쓰기</a></span></li>
				<li><span><a href="#">그룹에추가</a></span></li>
				<li class="group"><a href="#" class="btn_lft">가져오기</a></li>
				<li><a href="#" class="btn_rgt">내보내기</a></li>
				</ul>
				<div class="section_r">
					<ul class="lst_option">
					<li>
						<select name="list_per_page" id="list_per_page" onchange="per_page()">
							<option value="15" selected>15adfadf</option>
							<option value="20">20</option>
							<option value="30">30</option>
							<option value="40">40</option>
							<option value="50">50</option>
						</select>
					</li>
					<li>
						<select name="list_per_page" id="list_per_page" onchange="per_page()">
							<option value="15" selected>15</option>
							<option value="20">20</option>
							<option value="30">30</option>
							<option value="40">40</option>
							<option value="50">50</option>
						</select>
					</li>
					</ul>
					<ul class="btn_icons">
					<li class="btn_divider"></li>
					<li><a onfocus="blur();" href="javascript:prev()" title="이전페이지" class="btn_lft"><img src="images/btn_before.gif" alt="이전페이지"></a></li>
					<li class="group"><a onfocus="blur();" href="javascript:next()" title="다음페이지" class="btn_rgt"><img src="images/btn_next.gif" alt="다음페이지"></a></li>
					<li class="btn_divider"></li>
					<li><a onfocus="blur();" href="javascript:excel()" title="EXCEL보기"><img src="images/btn_excel.gif" alt="EXCEL보기"></a></li>
					<li><a onfocus="blur();" href="javascript:reload()" title="새로고침"><img src="images/btn_reload.gif" alt="새로고침"></a></li>
					</ul>
				</div>
			</div>
			<!-- //버튼영역 --> 
			<!-- 주소록 리스트 --> 
			<!-- 버튼라인이 없는 단독 테이블 class="content_lst no_btn" -->
			<table border="0" cellspacing="0" cellpadding="0" class="content_lst">
			<col width="30px">
			<col width="100px">
			<col width="">
			<col width="13%">
			<col width="15%">
			<col width="13%">
			<col width="40px">
			<col width="50px">
			<tr>
				<th scope="col" class="input_chk"> <input type="checkbox" name="" class="inchk"></th>
				<th scope="col" class="cen"> <!-- 오름차순ascendent / 내림차순descend --> 
					<a href="#" class="descend">이름</a> </th>
				<th scope="col" class="cen">이메일</th>
				<th scope="col" class="cen">휴대전화번호</th>
				<th scope="col" class="cen">회사명</th>
				<th scope="col" class="cen">회사전화번호</th>
				<th scope="col" class="cen">메모</th>
				<th scope="col" class="cen"> <a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a> </th>
			</tr>
			<tbody>
			<tr>
				<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
				<td>최희선</td>
				<td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
				<td>010-1234-5678</td>
				<td><a href="#" title="회사정보">핸디소프트</a></td>
				<td>070-4483-9000</td>
				<td class="cen"><img src="images/ico_memo.gif" alt="메모" width="11" height="12"></td>
				<td class="cen"><a href="#"><img src="images/btn_share_on.gif" width="34" height="14"></a></td>
			</tr>
			<tr>
				<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
				<td>최희선</td>
				<td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
				<td>010-1234-5678</td>
				<td><a href="#" title="회사정보">핸디소프트</a></td>
				<td>070-4483-9000</td>
				<td class="cen"></td>
				<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
			</tr>
			<tr>
				<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
				<td>최희선</td>
				<td><a href="#">내용이 길 경우엔 자동으로 말줄임 표시가 되야 되겠죠? 영어나 숫자가 붙어나와도 오류없이 말줄임이 되야 정상입니다. 줄바꿈은 시르다.</a></td>
				<td>010-1234-5678</td>
				<td><a href="#" title="회사정보">핸디소프트</a></td>
				<td>070-4483-9000</td>
				<td class="cen"></td>
				<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
			</tr>
			<tr>
				<td class="input_chk"></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td class="cen"></td>
				<td class="cen"></td>
			</tr>
			</tbody>
			</table>
			<!-- //주소록 리스트 --> 
		</div>
	</div>
	<!-- //리스트 정보창 --> 
	<!-- 리스트 정보창_버튼라인 없음 -->
	<div class="report_area">
		<div class="report_box"> <a href="#" class="btn_clse"></a> 
			<!-- Tab Menu -->
			<div class="tab_area">
				<ul class="tab_menu">
				<li><a href="#">결제정보</a></li>
				<li class="selected"><a href="#">버튼존 없음</a></li>
				<li><a href="#">문서정보</a></li>
				</ul>
			</div>
			<!-- //Tab Menu --> 
			<!-- 리스트 -->
			<table border="0" cellspacing="0" cellpadding="0" class="content_lst no_btn" style="margin-top:5px">
			<col width="30px">
			<col width="100px">
			<col width="">
			<col width="13%">
			<col width="15%">
			<col width="13%">
			<col width="40px">
			<col width="50px">
			<tr>
				<th scope="col" class="input_chk"> <input type="checkbox" name="" class="inchk"></th>
				<th scope="col" class="cen"> <!-- 오름차순ascendent / 내림차순descend --> 
					<a href="#" class="descend">이름</a> </th>
				<th scope="col" class="cen">이메일</th>
				<th scope="col" class="cen">휴대전화번호</th>
				<th scope="col" class="cen">회사명</th>
				<th scope="col" class="cen">회사전화번호</th>
				<th scope="col" class="cen">메모</th>
				<th scope="col" class="cen"> <a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a> </th>
			</tr>
			<tbody>
			<tr>
				<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
				<td>최희선</td>
				<td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
				<td>010-1234-5678</td>
				<td><a href="#" title="회사정보">핸디소프트</a></td>
				<td>070-4483-9000</td>
				<td class="cen"><img src="images/ico_memo.gif" alt="메모" width="11" height="12"></td>
				<td class="cen"><a href="#"><img src="images/btn_share_on.gif" width="34" height="14"></a></td>
			</tr>
			<tr>
				<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
				<td>최희선</td>
				<td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
				<td>010-1234-5678</td>
				<td><a href="#" title="회사정보">핸디소프트</a></td>
				<td>070-4483-9000</td>
				<td class="cen"></td>
				<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
			</tr>
			<tr>
				<td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
				<td>최희선</td>
				<td><a href="#">내용이 길 경우엔 자동으로 말줄임 표시가 되야 되겠죠? 영어나 숫자가 붙어나와도 오류없이 말줄임이 되야 정상입니다. 줄바꿈은 시르다.</a></td>
				<td>010-1234-5678</td>
				<td><a href="#" title="회사정보">핸디소프트</a></td>
				<td>070-4483-9000</td>
				<td class="cen"></td>
				<td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
			</tr>
			<tr>
				<td class="input_chk"></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td class="cen"></td>
				<td class="cen"></td>
			</tr>
			</tbody>
			</table>
			<!-- //리스트 --> 
		</div>
	</div>
	<!-- //리스트 정보창_버튼라인 없음 --> 
	<!-- 리스트 정보창_뷰테이블 -->
	<div class="report_area">
		<div class="report_box"> <a href="#" class="btn_clse"></a> 
			<!-- Tab Menu -->
			<div class="tab_area">
				<ul class="tab_menu">
				<li><a href="#">결제정보</a></li>
				<li><a href="#">문서정보</a></li>
				<li class="selected"><a href="#">뷰테이블</a></li>
				</ul>
			</div>
			<!-- //Tab Menu --> 
			<!-- 뷰테이블 -->
			<div class="b_table_warp">
				<table class="basic_table" border="0" cellSpacing="0" cellPadding="0" width="100%">
				<col width="120">
				<col>
				<col width="120">
				<col width="25%">
				<tbody>
				<tr>
					<th>제목</th>
					<td colspan="3">SmartOffice 1.0_메인화면 Layout & Timeline Layout</td>
				</tr>
				<tr>
					<th>보낸이</th>
					<td><a href="#">김윤호;</a> 외부메일사용자;</td>
					<th>날짜</th>
					<td>2012.07.25 15:58</td>
				</tr>
				<tr>
					<th>받는이</th>
					<td colspan="3">도신애; 허지예; 이석진 </td>
				</tr>
				<tr>
					<th>참조인</th>
					<td colspan="3">김윤호 </td>
				</tr>
				<tr>
					<th>숨은참조</th>
					<td colspan="3">최희선</td>
				</tr>
				<tr>
					<th>상태</th>
					<td colspan="3"><span class="inp_raochk">
						<input disabled value="on" type="checkbox">
						보안</span><span class="inp_raochk">
						<input disabled value="on" type="checkbox">
						긴급</span></td>
				</tr>
				</tbody>
				</table>
			</div>
			<!-- //뷰테이블 --> 
		</div>
	</div>
	<!-- //리스트 정보창_뷰테이블 --> 
</div>
</body>
</html>
